/* Grille de mise en page
----------------------------------------------------------------------------------------------------*/
/* Containers
----------------------------------------------------------------------------------------------------*/
.colonne-12 {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}

/* clear floats
----------------------------------------------------------------------------------------------------*/
.colonne-12:after {content:".";display:block;height:0;width: 0;clear:both;visibility:hidden;font-size: 0;line-height: 0;}
.colonne-12 {display:inline-block;}
* html .colonne-12 {height:1%;}
.colonne-12 {display:block;}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.col-span1,
.col-span2,
.col-span3,
.col-span4,
.col-span5,
.col-span6,
.col-span7,
.col-span8,
.col-span9,
.col-span10,
.col-span11,
.col-span12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 1%;
	margin-right: 1%;
}

/* Grid >> Children 
----------------------------------------------------------------------------------------------------*/

.colonne-12 .first,
.colonne-2 .first{
	margin-left: 0 !important;
}

.colonne-12 .last,
.colonne-2 .last{
	margin-right: 0 !important;
}

.colonne-12 .col-span1 {
	width:6.333%;
}

.colonne-12 .col-span2 {
	width:14.667%;
}

.colonne-12 .col-span3 {
	width:23.0%;
}

.colonne-12 .col-span4 {
	width:31.333%;
}

.colonne-12 .col-span5 {
	width:39.667%;
}

.colonne-12 .col-span6 {
	width:48.0%;
}

.colonne-12 .col-span7 {
	width:56.333%;
}

.colonne-12 .col-span8 {
	width:64.667%;
}

.colonne-12 .col-span9 {
	width:73.0%;
}

.colonne-12 .col-span10 {
	width:81.333%;
}

.colonne-12 .col-span11 {
	width:89.667%;
}

.colonne-12 .col-span12 {
	width:98.0%;
}


/* 2 cols
----------------------------------------------------------------------------------------------------*/
.colonne-2 {
	clear: both;
	background: url(../img/structure/col2-bg.png) repeat-y center;
	width: 98%;
	margin-left: 0%;
	margin-right: 0%;
	margin-bottom: 15px;
	}

.colonne-2 .col-span1 {
	width: 48%;
	display:inline;
	float: left;
	position: relative;
	margin-left: 1%;
	margin-right: 1%;	
	}
		
.colonne-2:after {content:".";display:block;height:0;width: 0;clear:both;visibility:hidden;font-size: 0;line-height: 0;}
.colonne-2 {display:inline-block;}
* html .colonne-2 {height:1%;}
.colonne-2 {display:block;}
